<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>{% block title %}{% endblock %} - SisGG </title>
        {% block head %}
        <link rel="stylesheet" href={{ asset('css/bootstrap/css/bootstrap.min.css') }} /> {# estos css estan en web/css #}
        <link rel="stylesheet" href={{ asset('css/bootstrap/css/bootstrap-responsive.min.css') }} />
        {% endblock %}
    </head>
    <body data-spy="scroll" data-target=".bs-docs-sidebar">
        <div class="navbar navbar-inverse navbar-fixed-top">
          <div class="navbar-inner">
          <div class="container-fluid">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#">SisGG</a>
          <div class="nav-collapse collapse">
            <p class="navbar-text pull-right">
                
            </p>
            <ul class="nav">
              <li class="active"><a href="#">Home</a></li>
              <li>{% if  app.user%}
                                    <a>Usuario <strong>{{ app.user.username}}</strong></a><li>
                                    <a href="{{ path('logout') }}">Cerrar Sesion</a></li>
                {% else %}
                                    <a href="{{ path('login') }}">Iniciar Sesion</a>
                {% endif %}</li>
            </ul>
          </div>
          </div>
          </div>
    </div>
        <div class="hero-unit">
                    <h2>{% block  name %}{% endblock %}</h2>
                    {% block  descripcion %}{% endblock %}
                    <p><a class="btn btn-primary">Editar &raquo;</a></p>
        </div>
    <div class="container-fluid">
            <div class="row-fluid" >
                <span class="span3">    
                {% block grupoopciones %}
                    <div class="well sidebar-nav">
                    <ul class="nav nav-list">
                        <ul class="nav nav-list">
                            {% block opciones %}{% endblock %}
                        </ul>
                    </ul>
                    </div>   
                {% endblock%}  
                </span>   
                <div class="span9">
                    {% block content %}{% endblock %}
                </div>        
           </div>
    </div>
    </body>
    <footer class="footer">
      <div class="container hero-unit">
        <div class="pull-right "><a href="#">Volver Arriba</a></div>
        Desarrollado por Martin & Sergio Co.<br>
        &copy; Copyright 2012.
      </div>
      {% block javascripts %}
            <script type="text/javascript" src={{ asset('css/bootstrap/js/bootstrap.js') }} ></script>
            <script type="text/javascript" src={{ asset('css/bootstrap/js/bootstrap-min.js') }} ></script>
            <script type="text/javascript" src={{ asset('css/bootstrap/js/bootstrap-propover.js') }} ></script>
            <script type="text/javascript" src={{ asset('css/bootstrap/js/jquery.js') }}></script>
            <script type="text/javascript" src={{ asset('css/bootstrap/js/jquery-1.8.2.min.js') }}></script>
            <script type="text/javascript" src={{ asset('css/bootstrap/js/prettify.js') }}></script>
            <script type="text/javascript" src={{ asset('css/bootstrap/js/bootstrap-transition.js') }}></script>
            <script type="text/javascript" src={{ asset('css/bootstrap/js/bootstrap-alert.js') }}></script>
            <script type="text/javascript" src={{ asset('css/bootstrap/js/bootstrap-modal.js') }}></script>
            <script type="text/javascript" src={{ asset('css/bootstrap/js/bootstrap-dropdown.js') }}></script>
            <script type="text/javascript" src={{ asset('css/bootstrap/js/bootstrap-scrollspy.js') }}></script>
            <script type="text/javascript" src={{ asset('css/bootstrap/js/bootstrap-tab.js') }}></script>
            <script type="text/javascript" src={{ asset('css/bootstrap/js/bootstrap-tooltip.js') }}></script>
            <script type="text/javascript" src={{ asset('css/bootstrap/js/bootstrap-popover.js') }}></script>
            <script type="text/javascript" src={{ asset('css/bootstrap/js/bootstrap-button.js') }}></script>
            <script type="text/javascript" src={{ asset('css/bootstrap/js/bootstrap-collapse.js') }}></script>
            <script type="text/javascript" src={{ asset('css/bootstrap/js/bootstrap-carousel.js') }}></script>
            <script type="text/javascript" src={{ asset('css/bootstrap/js/bootstrap-typeahead.js') }}></script>
            <script type="text/javascript" src={{ asset('css/bootstrap/js/bootstrap-affix.js') }}></script>
            <script type="text/javascript" src={{ asset('css/bootstrap/js/application.js') }}></script>      
      {% endblock %}
    </footer>
</html>